<template>
    <div>
        <el-row class="tac">
            <el-col :span="18">
                <el-menu
                        style="width: 200px; min-height: calc(100vh - 0px);"
                        router
                        active-text-color="#4169E1"
                        background-color="rgba(35,35,35,2)"
                        class="el-menu-vertical-demo"
                        default-active="home"
                        text-color="#FFF"
                        :unique-opend="true"
                        @close="handleClose"
                >             
                    <el-menu-item index="home">
                            <el-icon><HomeFilled/></el-icon> 
                            首页概览</el-menu-item>
                    <el-sub-menu index="1">
                        <template #title>
                            <el-icon><fold /></el-icon>
                            <span>功能菜单</span>
                        </template>
                        
                        <el-menu-item index="goodsManager">
                            <el-icon><House/></el-icon>
                            仓库管理</el-menu-item>
                        <el-menu-item index="data">
                           <el-icon><Money/></el-icon>
                            营销管理</el-menu-item>  
                        <el-menu-item index="message">
                            <el-icon><ChatDotRound/></el-icon>
                            通知公告
                        </el-menu-item>
                        <el-menu-item index="ImgManager">
                            <el-icon><Camera/></el-icon>
                            相册识别
                        </el-menu-item>
                    </el-sub-menu>
                    <el-sub-menu index="2">
                        <template #title>
                            <el-icon><setting/></el-icon>
                            <span>系统管理</span>
                        </template>
                        <el-menu-item index="DataManager">
                            <el-icon><Tickets /></el-icon>
                            主题管理</el-menu-item>
                        <el-menu-item index="userManager">
                            <el-icon><User/></el-icon>
                            用户管理</el-menu-item>
                        <el-menu-item index="ditManager">
                            <el-icon><Document/></el-icon>
                            字典管理</el-menu-item>
                    </el-sub-menu>
                </el-menu>
            </el-col>
        </el-row>
    </div>
</template>

<script>
    //组件script<el-icon>< />
    import { Fold,Setting,House,ChatDotRound,User} from "@element-plus/icons";
    import { Edit,Tickets,Money} from "@element-plus/icons";
    import { Aim } from "@element-plus/icons";
    import { Share } from "@element-plus/icons";
    import { Search } from "@element-plus/icons";
    import { Delete } from "@element-plus/icons";
    import { Document } from "@element-plus/icons";
    import {Camera,HomeFilled} from "@element-plus/icons";
   
   

    export default {
        name: "Aside",
        components: {
            Fold,User,Tickets,Money,
            Edit,Document,
            Aim,
            Share,
            Search,
            Delete,
            Document,
            HomeFilled,
            Camera,
            Setting,
            House,
            ChatDotRound
        }
    }
</script>


<style scoped>

</style>
